<template>
    <div>
        <el-table
        :data="tableData"
        style="width: 100%"
        :default-sort="{ prop: 'date', order: 'descending' }"
      >
        <el-table-column prop="date" label="收入" sortable width="105">
        </el-table-column>
        <el-table-column prop="value_a" label="收入" sortable width="105">
        </el-table-column>
        <el-table-column prop="vlaue_b" label="支出" sortable width="105">
        </el-table-column>
      </el-table>
    </div>
</template>

<script>
    export default {
        data() {
    return {
      tableData: [
        {
          date: "春季",
          value_a: "111233",
          vlaue_b: "324232",
        },
        {
          date: "夏季",
          value_a: "111233",
          vlaue_b: "3212342",
        },
        {
          date: "秋季",
          value_a: "12313",
          vlaue_b: "323242",
        },
        {
          date: "冬季",
          value_a: "123113",
          vlaue_b: "3212342",
        },
      ],
    };
  },
  methods: {
    formatter(row, column) {
      return row.address;
    },
  },
    }
</script>

<style lang="less" scoped>

</style>